/*手机和平板端*/

@media(max-width:768px){

/* 头部开始 */
.header{ height: 7vh;  opacity: 0.9;}
.header .headerr{ width: 90vw;}
.header-left img{height: 50%;} 
.header-left .header-left1{ display: none; }            
.headerr .header-right{ display: none;}
.tb .tb2{ display:none;}


/* 导航条开始 */
.nav{display: none; width: 100vw; height: 23rem; z-index: 10;background: #0f77f7;  opacity: 0.9; position: relative;}
.nav .nav1{ width:100%; height: auto; text-align: center;}
.nav1 ul{display: flex; flex-direction: column; justify-content: flex-start; margin-top: 2rem;}
.nav1 ul .dhh1{ background:#0f77f7;}
.nav1 ul li {width: 8rem; height: 4rem; margin-right: 0rem;  position: relative;}


/* 轮播图 */

.banner{ height: 68rem;}
.banner a{ height: 68rem; width: 100vw;}
.banner a.big{ display: none;}
.banner a.small{ display: block;}
.banner a.small2{ display: none;}
.banner .swiper-button-next{ margin-right: 0rem;}
.banner .swiper-button-prev{ margin-left: 0rem;}

/* 优势开始 */
.ys .ys0{ width: 90vw; }
.ys1 .yswz span{font-size: 1rem;}
.ys1 .yswz p{ font-size: 1.6rem; }

/* 优势开始 */
.ys .ys0{ width:90vw; grid-template-columns: repeat(2,1fr); justify-content: space-between; }
.ys1 .yswz span{font-size: 1rem; }
.ys1 .yswz p{ font-size: 1.6rem; }

/* 为什么使用干燥剂开始 */
.gzj .gzj0{ width: 90vw; }
.zt P{ font-size: 3.5rem;}
.zt h3{ font-size: 3rem; margin: 1rem;}
.gzj1{ width: 100%;}	
.gzj1 .wz{  text-align: left;}
.gzj2{ width: 100%; }
.gzj2 ul{ grid-template-columns: repeat(2,1fr);justify-content: space-around;}
.gzj2 ul li:last-child{display: none;}

/* 产品展示开始 */	
.cp .zxcp{ width: 90vw;}
.zxcp .zxcp2 ul{width: 100%; grid-template-columns: repeat(2,auto); justify-content: space-around; gap: 1rem;}
.zxcp .zxcp2 ul li span{ width: 17rem; height: 20rem;}
.zxcp2 ul li:last-child{display: none;}


/* 硅胶干燥剂产品开始 */
.cp .guij{ width: 90vw;} 	
.guij .guijz{ width: 28rem; }
.guij .guijy{width: 100%; height: 40rem; }
.guijy ul{ width: 100%; height: 40rem; display: grid; grid-template-columns: repeat(auto-fill,16rem);
justify-content: space-around; }
.guijy ul li{  width: 16rem;}	



/* 点击查看更多 */
.ckgd{ width: 90vw;}

/* 展示 */
.cp .zs{width: 90vw; margin: 2rem auto;}	
.cp .zs p{letter-spacing: 0rem; font-size: 1.6rem;}

/* 矿物 */
.cp .kwu{ width: 90vw; } 	
.kwu .kwuz{ width: 28rem; }
.kwu .kwuy{width: 100%; height: 40rem; }
.kwuy ul{ width: 100%; height: 40rem; display: grid; grid-template-columns: repeat(auto-fill,16rem);
justify-content: space-around; }
.kwuy ul li{  width: 16rem;}

/*香型硅胶干燥剂产品开始 */	
.cp .gjj{ width: 90vw; }
.gjj .gjj2{  background: url(../img/xgdt.jpg) no-repeat; }

/*茶叶干燥剂产品开始 */	
.cp .cy{ width: 90vw; }
.cy .cy2{  background: url(../img/cydt.jpg) no-repeat; }


/*氯化钙干燥剂产品开始 */	
.cp .lhgg{ width: 90vw; }
.lhgg .lhgg2{  background: url(../img/shtp2.jpg) no-repeat; }

	
/*关于我们 */		
.wm1{ width: 90vw;}
.women-neirong{ flex-direction: column; margin-top: 3rem;}
.women-neirong img{ height: 28rem;}
.women-neirong .wm2{ width: 80vw;  margin-left: 0rem auto; margin-top: 2rem; }
.wm2 span{  font-size: 1.4rem;}	
.wm2 .wm3{ width: 14rem; margin: 5rem auto 0 auto; }	 

/* 干燥剂定制流程 */
.dingz{margin: 3rem 0;}
.dingz .dz{ width: 90vw;}	
.dz .dz2{ grid-template-columns: repeat(auto-fill,13rem); gap: 2rem; }
.dz .dz2 .dz20{ width: 13rem; height: 17rem; border-radius: 1rem; line-height: 35em;}
.dz2 .dz20 p{ font-size: 1.5rem; }

/* 页脚	 */
.footer1{width: 90vw; display: flex; justify-content: space-around;}
.footer11 ul{width: 100%; flex-direction: column;}
.footer11 ul li{margin: 1rem 0; font-size: 1rem; }
.footer11 ul li.iconfont{display: block;}
.footer11 ul li a{ font-size: 1.2rem}
.footer10{border-top: 0px solid #000000; }
.footer10 ul li span{font-size: 1.2rem}

.footer21{width: 90vw; }
.footer21 img{ width: 1.2rem;}
.footer21 a{font-size: 1.2rem; }

/*回到顶部*/	
.dibu{ right: 2rem;  width: 6rem; height: 6rem; line-height: 6rem; }
.dibu span{ font-size: 3rem;}


}

/*小屏幕显示器*/
@media( min-width:769px){
/* 头部开始 */
.header{ height: 10vh;}
.header .headerr{ width: 75rem; justify-content: space-around;}
.header-left img{height: 35%;} 
.header-left .header-left1{ margin-left: 1.5rem; padding-left: 1.5rem; }            
.header-left1 p{ font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem;} 
.header-left1 span{ font-size: 1.2rem;} 
.header-right img{height: 30%;}
.header-right p{ font-size: 2rem; }
.tb{ display:none;}


/* 导航条开始 */
.nav .nav1{ width:75rem; height: 100%;text-align: center; }
.nav1 ul{display: grid; grid-template-columns: repeat(5,auto); justify-content: space-around;}
.nav1 ul li {width: 10rem; height: 100%; margin-right: 1rem;  position: relative;}

/* 轮播图 */
.banner{ height: 55rem;}
.banner a{ height: 55rem; width: 100vw;}
.banner a.big{ display: none;}
.banner a.small{ display: none;}
.banner a.small2{ display: block;}
.banner .swiper-button-next{ margin-right: 0rem;}
.banner .swiper-button-prev{ margin-left: 0rem;}

/* 优势开始 */
.ys .ys0{ width: 75rem;}
.ys1 .yswz span{font-size: 1rem;}
.ys1 .yswz p{ font-size: 1.6rem; }

/* 为什么使用干燥剂开始 */
.gzj .gzj0{ width: 75rem;}
.zt P{ font-size: 3.5rem;}
.zt h3{ font-size: 3rem; margin-bottom: 1rem;}
.gzj1{ width: 100%;}	
.gzj1 .wz{ text-align: left; font-size: 1.6rem; line-height: 3rem;}
.gzj2{ width: 100%; }
.gzj2 ul{ grid-template-columns: repeat(5,1fr);justify-content: space-around;}

/* 产品展示开始 */	
.cp .zxcp{ width: 75rem; }
.zxcp .zxcp2 ul{width: 100%; grid-template-columns: repeat(5,auto); justify-content: space-around; gap: 1rem;}
.zxcp .zxcp2 ul li span{ width: 13rem; height: 13rem;}
.zxcp .zxcp2 ul li p{font-size: 1.8rem;}

/* 硅胶干燥剂产品开始 */
.cp .guij{ width: 75rem; } 	
.guij .guijz{ width: 28rem; }
.guij .guijy{width: 100%; height: 40rem; }
.guijy ul{ width: 100%; height: 40rem; display: grid; grid-template-columns: repeat(auto-fill,16rem);
justify-content: space-between; }
.guijy ul li{  width: 16rem;}

/* 点击查看更多 */
.ckgd{ width: 75rem;}

/* 展示 */
.cp .zs{width: 75rem; margin: 2rem auto;}	
.cp .zs p{letter-spacing: 0.3rem;}

/* 矿物 */
.cp .kwu{ width: 75rem; } 	
.kwu .kwuz{ width: 28rem; }
.kwu .kwuy{width: 100%; height: 40rem; }
.kwuy ul{ width: 100%; height: 40rem; display: grid; grid-template-columns: repeat(auto-fill,16rem);
justify-content: space-between; }
.kwuy ul li{  width: 16rem;}

/*香型硅胶干燥剂产品开始 */	
.cp .gjj{ width: 75rem; }
.gjj .gjj2{  background: url(../img/xgdt.jpg) no-repeat; }

/*茶叶干燥剂产品开始 */	
.cp .cy{ width: 75rem; }
.cy .cy2{  background: url(../img/cydt.jpg) no-repeat; }


/*氯化钙干燥剂产品开始 */	
.cp .lhgg{ width: 75rem; }
.lhgg .lhgg2{  background: url(../img/shtp2.jpg) no-repeat; }

	
/*关于我们 */		
.wm1{ width: 75rem;}
.women-neirong{ flex-direction: column; margin-top: 3rem;}
.women-neirong img{ height: 28rem;}
.women-neirong .wm2{ width: 75rem;  margin-left: 0rem; margin-top: 2rem; }
.wm2 span{  font-size: 1.6rem;}	
.wm2 .wm3{ width: 14rem; margin: 5rem auto 0 auto; }	 

/* 干燥剂定制流程 */
.dingz{margin: 3rem 0;}
.dingz .dz{ width: 75rem;}	
.dz .dz2{ grid-template-columns: repeat(3,auto); gap: 2rem; }
.dz .dz2 .dz20{ width: 13rem; height: 17rem; border-radius: 1rem; line-height: 35em;}
.dz2 .dz20 p{ font-size: 1.5rem; }

/* 页脚	 */
.footer1{width: 75rem;}
.footer11 ul{width: 100%; flex-direction: row;}
.footer11 ul li{margin: 1rem 0; font-size: 1rem; }
.footer11 ul li.iconfont{display: block;}
.footer11 ul li a{ font-size: 1.4rem}
.footer10{border-top: 0.1rem solid #000000; }
.footer10 ul li span{font-size: 1.2rem}

.footer21{width: 75rem;}
.footer21 img{ width: 1.4rem;}
.footer21 a{font-size: 1.4rem; }

/*回到顶部*/	
.dibu{ right: 2rem;  width: 6rem; height: 6rem; line-height: 6rem; }
.dibu span{ font-size: 3rem;}

}

/*中等屏幕显示器*/
@media(min-width:992px){

/* 头部开始 */
.header .headerr{ width: 95rem; justify-content: space-between;}
.header-left img{height: 45%;}     
.header-left1 p{ font-size: 1.8rem;} 
.header-left1 span{ font-size: 1.5rem;} 
.header .header-right{height: 100%; display: flex; align-items: center;}
.header-right img{height: 30%;}
.header-right p{ font-size: 2rem; }
.tb {display: none;}

/* 导航条开始 */
.nav .nav1{ width:95rem; height: 100%;text-align: center; }
.nav1 ul{display: grid; grid-template-columns: repeat(5,auto); justify-content: flex-start;}
.nav1 ul li {width: 10rem; height: 100%; margin-right: 8rem;  position: relative;}


/* 轮播图开始 */
.banner{ height: 55rem;}
.banner a{ height: 55rem; }
.banner a.big{ display: none;}
.banner a.small{ display: none;}
.banner a.small2{ display: block;}
.banner .swiper-button-next{ margin-right: 2rem;}
.banner .swiper-button-prev{ margin-left: 2rem;}

/* 优势开始 */
.ys .ys0{ width: 95rem; grid-template-columns: repeat(4,1fr); padding: 3rem 0;} 
.ys1 .yswz span{ font-size: 1.5rem;;}
.ys1 .yswz p{ font-size: 1.7rem;}


/* 为什么使用干燥剂开始 */
.gzj .gzj0{ width: 95rem;}
.zt P{ font-size: 4rem;}
.zt h3{ font-size: 3.5rem; margin-bottom: 1.5rem;}
.gzj1{ width: 100%;}	
.gzj1 .wz{ text-align: left; font-size: 1.6rem; line-height: 3rem;}
.gzj2{ width: 100%; }
.gzj2 ul{ grid-template-columns: repeat(5,auto);justify-content: space-around;}
.gzj2 ul li p{font-size: 1.6rem;}

/* 产品展示开始 */	
.cp .zxcp{ width: 95rem;}
.zxcp .zxcp2 ul{width: 100%; grid-template-columns: repeat(5,auto); justify-content: space-between; gap: 1rem;}
.zxcp .zxcp2 ul li span{ width: 17rem; height: 17rem;}
.zxcp .zxcp2 ul li p{font-size: 1.6rem;}


/* 硅胶干燥剂产品开始 */
.cp .guij{ width: 95rem;}	
.guij .guijz{ width: 18rem;}
.guijz .guijz1{width: 18rem; height: 5rem; font-size: 2rem; line-height: 5rem;}
.guijy ul{grid-template-columns: repeat(4,auto); }
.guijy ul li{width: 18rem; gap: 1rem 1rem;}
.guijy ul li p{font-size: 1.6rem;}

/* 点击查看更多 */
.ckgd{ width: 95rem;}
.cp .ckgd .icon-xiangxiajiantou{ font-size: 2.5rem;}

/* 展示 */
.cp .zs{ width: 95rem; margin: 1.5rem auto;}	
.cp .zs p{font-size: 1.5rem; letter-spacing: 0.5rem;}

/* 矿物干燥剂产品开始 */

.cp .kwu{ width: 95rem;}	
.kwu .kwuz{ width: 18rem;}
.kwuz .kwuz1{width: 18rem; height: 5rem; font-size: 2rem; line-height: 5rem;}
.kwuy ul{grid-template-columns: repeat(4,auto);}
.kwuy ul li{width: 18rem; gap: 1rem 1rem;}
.kwuy ul li p{font-size: 1.6rem;}

/*香型硅胶干燥剂产品开始 */	
.cp .gjj{ width: 95rem; height: 30rem;}
.gjj .gjj1{ width: 23rem; height: 30rem;}
.gjj1 .gjj11{ height: 25rem; background-size: cover;}	
.gjj .gjj2{ height: 30rem;}
.gjj2 img{ height: 100%;}

/*茶叶干燥剂产品开始 */			
.cp .cy{ width: 95rem; height: 30rem;}
.cy .cy1{ width: 24rem;  height: 30rem;}
.cy1 .cy11{ height: 25rem;}	
.cy .cy2{ background: url(../img/cydt.jpg) no-repeat; height: 30rem;}


/*生化干燥剂产品开始 */	
.cp .lhgg{ width: 95rem; height: 30rem;}
.lhgg .lhgg1{ width: 24rem; height: 30rem;}
.lhgg1 .lhgg10{ height: 5rem; font-size: 2rem;}
.lhgg10 p{font-size: 1.8rem;} 
.lhgg1 .lhgg11{ height: 25rem;}
.lhgg .lhgg2{ background: url(../img/shtp2.jpg) no-repeat; height: 30rem;}	

/*关于我们 */		

.wm1{ width: 95rem;}
.women-neirong{ width: 96rem;flex-direction: row; justify-content: space-between; margin-top: 5rem;}
.women-neirong img{ height: 25rem;}
.women-neirong .wm2{ width: 60rem; margin-left: 2rem; margin-top: 1rem;}
.wm2 span{ font-size: 1.4rem;  }

/* 干燥剂定制流程 */
.dingz{margin: 5rem 0;}
.dingz .dz{ width: 95rem;}	
.dz .dz2{ grid-template-columns: repeat(6,auto);}
.dz .dz2 .dz20{ width: 13rem; height: 17rem; border-radius: 1rem; line-height: 35em;}
.dz2 .dz20 p{ font-size: 1.5rem; }

/* 页脚	 */
.footer1{width: 95rem;}
.footer11 ul{width: 100%; flex-direction: row;}
.footer11 ul li{margin: 1rem 0; font-size: 1rem; }
.footer11 ul li.iconfont{display: block;}
.footer11 ul li a{ font-size: 1.4rem}
.footer10{border-top: 0.1rem solid #000000; }
.footer10 ul li span{font-size: 1.4rem}

.footer21{width: 95rem;}
.footer21 img{ width: 1.4rem;}
.footer21 a{font-size: 1.4rem; }

/*回到顶部*/	
.dibu{  bottom: 10rem; right: 35rem; text-align: center; width: 6rem; height: 6rem; 
  line-height: 6rem;;}
.dibu span{ font-size: 5rem;}


}

/*大屏幕显示器*/
@media(min-width:1200px){

/* 头部开始 */
.header .headerr{ width: 117rem;}   
.tb {display: none;}

/* 导航条开始 */
.nav .nav1{ width: 117rem; }
.nav1 ul{justify-content: flex-start;}
.nav1 ul li { margin-right: 8rem; line-height: 4vh; }


/* 轮播图开始 */
.banner{ height: 55rem;}
.banner a{ height: 55rem; }
.banner a.big{ display: block;}
.banner a.small{ display: none;}
.banner a.small2{ display: none;}
.banner .swiper-button-next{ margin-right: 30rem;}
.banner .swiper-button-prev{ margin-left: 30rem;}

/* 优势开始 */
.ys .ys0{ width: 117rem;} 
.ys1 .yswz span{ font-size: 1.5rem;;}
.ys1 .yswz p{ font-size: 2rem;}

/* 为什么使用干燥剂开始 */
.gzj .gzj0{ width: 117rem;}
.gzj1 .wz{text-align: center; font-size: 1.7rem;}
.gzj2 ul li p{font-size: 1.7rem;}

/* 产品展示开始 */	
.cp .zxcp{ width: 117rem;}
.zxcp .zxcp2 ul li span{ width: 22rem; height: 22rem;}
.zxcp .zxcp2 ul li p{font-size: 1.7rem;}

/* 硅胶干燥剂产品开始 */
.cp .guij{ width: 117rem;}	
.guij .guijz{ width: 25rem;}
.guijz .guijz1{width: 25rem; }
.guijy ul li{width: 22rem;}
.guijy ul li p{font-size: 1.7rem;}

/* 点击查看更多 */
.ckgd{ width: 117rem;}
.cp .ckgd .icon-xiangxiajiantou{ font-size: 3rem;}

/* 展示 */
.cp .zs{ width: 117rem;}	
.cp .zs p{font-size: 2rem;}

/* 矿物干燥剂产品开始 */
.cp .kwu{ width: 117rem;}	
.kwu .kwuz{ width: 25rem;}
.kwuz .kwuz1{width: 25rem;}
.kwuy ul li{width: 22rem; }
.kwuy ul li p{font-size: 1.7rem;}

/*香型硅胶干燥剂产品开始 */	
.cp .gjj{ width: 117rem; height: 40rem;}
.gjj .gjj1{ width: 33rem; height: 40rem;}
.gjj1 .gjj11{ height: 40rem;}	
.gjj .gjj2{ height: 40rem;}
.gjj2 img{ height: 100%;}

/*茶叶干燥剂产品开始 */			
.cp .cy{ width: 117rem; height: 40rem;}
.cy .cy1{ width: 33rem;  height: 40rem;}
.cy1 .cy11{ height: 40rem;}	
.cy .cy2{  height: 40rem;}


/*生化干燥剂产品开始 */	
.cp .lhgg{ width: 117rem; height: 40rem;}
.lhgg .lhgg1{ width: 33rem; height: 40rem;}
.lhgg1 .lhgg10{ height: 5rem; font-size: 2rem;}
.lhgg10 p{font-size: 1.8rem;} 
.lhgg1 .lhgg11{ height: 40rem;}
.lhgg .lhgg2{  height: 40rem;}	

/*关于我们 */		
.wm1{ width: 117rem;}
.women-neirong{ width: 117rem; justify-content: space-around; }
.wm2 span{ font-size: 1.5rem;  }

/* 干燥剂定制流程 */
.dingz{margin: 5rem 0;}
.dingz .dz{ width: 117rem;}	
.dz .dz2{ grid-template-columns: repeat(6,auto);}
.dz .dz2 .dz20{ width: 19rem; height: 25rem; border-radius: 1rem; line-height: 53em;}
.dz2 .dz20 p{ font-size: 1.8rem; }

/* 页脚	 */
.footer1{width: 117rem;}
.footer21{width: 117rem;}


/*回到顶部*/	
.dibu{  bottom: 10rem; right: 20rem; text-align: center; width: 6rem; height: 6rem; 
line-height: 6rem;;}
.dibu span{ font-size: 5rem;}


}